<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="js/vue.js"></script>
  <title>Document</title>
</head>

<body>
  <div id="app">{{msg}}</div>
</body>
<script>
  /*
   创建vue对象，它有一个参数，而是一个函数，匿名函数
   vue是一个js对象，有多个特定参数
   el，element缩写，要操作的页面元素
   data，代表数据格式
   */
  // var data = {//js对象
  //   msg: "hello vue"
  // }
  let vm = new Vue({
    el: "#app",//el挂载点
    // data: data //第一个data属性，第二个data是上面定义data对象
    data: {
      msg: "hello vue."
    }
  })
</script>

</html>